var imgIndex;
var _debug;
$(function() {
	
	uploadCourseImage();//课程封面上传组件
	initUploader();//教师团队上传组件
	uploadPromoVideo();//课程片花上传组件
	videoInit();//初始化视频播放器
});

//课程封面上传组件Options
function courseImageDataParam(key){
	return{
		userId : $("#userid").val(), 		//  --用户id   					    (必填) 
		userName : $("#username").val(), 	//  --用户名称					    (必填)
		fileType : "image", 				//  --文件类型:image、 video、file   (必填)
		smallImgSize : "120:60", 			//	--三种裁图尺寸：s1 				
		middleImgSize : "222.47:124",			//	--三种裁图尺寸：s2 所需要的
		bigImgSize : "100:100", 			//	--三种裁图尺寸：s3
		targetId : key, 					//  --上传按钮ID名称与上传组件ID一致   (必填)
		buttonWidth : "223", 			    //  --IE789下设置此按钮高度生效	    (必填)
		buttonHeight : "124", 			    //  --IE789下设置此按钮高度生效            (必填)
		allowSuffix : limit_img_suffix,     //  --限制文件上传类型			    (必填)
	}
}
//教学团队上传组件Options
function courseTeacherDataParam(key){
	return{
		
		userId : $("#userid").val(), 		//  --用户id   					    (必填) 
		userName : $("#username").val(), 	//  --用户名称					    (必填)
		fileType : "image", 				//  --文件类型:image、 video、file   (必填)
		smallImgSize : "120:60", 			//	--三种裁图尺寸：s1 				
		middleImgSize : "115:161",			//	--三种裁图尺寸：s2 所需要的
		bigImgSize : "100:100", 			//	--三种裁图尺寸：s3
		targetId : key, 					//  --上传按钮ID名称与上传组件ID一致   (必填)
		buttonWidth : "115", 			    //  --IE789下设置此按钮高度生效	    (必填)
		buttonHeight : "161", 			    //  --IE789下设置此按钮高度生效            (必填)
		allowSuffix : limit_img_suffix,     //  --限制文件上传类型			    (必填)		
	}
}
//课程片花上传组件Options
function coursePromoVideoDataParam(key){
	return{
		
		userId : $("#userid").val(), 		//  --用户id   					    (必填) 
		userName : $("#username").val(), 	//  --用户名称					    (必填)
		fileType : "video", 				//  --文件类型:image、 video、file   (必填)
		smallImgSize : "120:80", 			//	--三种裁图尺寸：s1 				
		middleImgSize : "223:125",			//	--三种裁图尺寸：s2 所需要的
		bigImgSize : "100:100", 			//	--三种裁图尺寸：s3
		targetId : key, 					//  --上传按钮ID名称与上传组件ID一致   (必填)
		buttonWidth : "223", 			    //  --IE789下设置此按钮高度生效	    (必填)
		buttonHeight : "125", 			    //  --IE789下设置此按钮高度生效            (必填)
		allowSuffix : limit_video_suffix,   //  --限制文件上传类型			    (必填)		
	}
}

//第一步课程封面加载图片裁剪工具
function firstStep_courseImage_loadCut(dataSource){
	
	//图片裁剪工具
	var dataParam={
			dataSource:dataSource,     	//上传文件的参数
			url:dataSource.filePath, 	//图片的网络地址
			imgWidth:610/3,			//图片展示区域的宽度（用于宽高比）
			imgHeight:340/3,			//图片展示区域的高度（用于宽高比）
			needWidth:610,				//所需宽度
			neddHeight:340,				//所需高度    （按照  222/124 所得）
			cutWidth:Constants.firstStep_courseImage_width, 			//图片裁剪区域的宽度（用于裁剪工具宽度限定）
			cutHeight:Constants.firstStep_courseImage_height, 			//图片裁剪区域的高度（用于裁剪工具高度限定）
			layerWidth:Constants.firstStep_courseImage_layerWidth, 	 	//layer宽度
			layerHeight:Constants.firstStep_courseImage_layerHeight,	//layer高度
			cutDivWidth:Constants.firstStep_courseImage_cutDivWidth,	//裁剪工具div宽度
			cutDivHeight:Constants.firstStep_courseImage_cutDivHeight,	//裁剪工具div高度
			cutLeftWidth:Constants.firstStep_courseImage_cutLeftWidth,	//裁剪工具左侧的宽度
			is_cut:true,						    //是否裁剪  （true:是   false:否）
			typeName:Constants.firstStep_courseImage   //用于业务处理 （上传封面与上传教师头像业务区分）
	}
	public_imageCut.layerImageCut(dataParam);
	
}

// 单张图片上传
function uploadCourseImage() {
	
	//1.传入对应的参数返回所需API
	var _uploadImageDemo = uploadAllApi(courseImageDataParam("uploadCourseImage"));
	//2.回调函数（只针对上传成功后，数据库操作）
	_uploadImageDemo.callbacks = {
		
		onFileDialogStart : function(tid) {//打开模态窗体
		},
		//选中文件 （有用）
		onUpload : function(id, fileName) {
			
		},
		//上传成功后做的操作
		onComplete : function(id, fileName, responseJSON) {
			if (responseJSON != '') {
									
				var dataSource={
					filePath:responseJSON.data.filePath		
				}
				
				firstStep_courseImage_loadCut(dataSource);
			}
		}
	};
	//3.根据API、回调函数 初始化上传组件
	$("#uploadCourseImage").Ableuploader(_uploadImageDemo);

}


//初始化图片上传按钮
function initUploader(){
	
	var arr=[];
	$(".manyPhoto .setedit_editico>span").each(function(){
		
		if(typeof($(this).attr("id"))!='undefined'){
			arr.push($(this).attr("id"));
		}
	});
	
	for (var num = 0; num < arr.length; num++) {
		var key=arr[num];
		var btnCss="manyPhoto setedit_editico";
		public_courseInstructor_aspUpload(key,btnCss);
	}
	
	loadAspUpload();
};

//初始化单个上传组件
function loadAspUpload(){
	
	var arr=[];
	$(".manyPhoto .uploadBtn_courseInstructor>span").each(function(){	
		if(typeof($(this).attr("id"))!='undefined'){
			arr.push($(this).attr("id"));
		}
	});
	
	for (var num = 0; num < arr.length; num++) {
		var key=arr[num];
		var btnCss="manyPhoto uploadBtn_courseInstructor";
		public_courseInstructor_aspUpload(key,btnCss);
	};
	
};



/**
 * 上传教学团队
 */

function firstStep_courseInstructor_loadCut(dataSource){
	//加载图片裁剪工具
	var dataParam={
			dataSource:dataSource,		//上传文件的参数
			url:dataSource.filePath, 	//图片的网络地址
			imgWidth:116.23,			//图片展示区域的宽度（用于宽高比）
			imgHeight:160,				//图片展示区域的高度（用于宽高比）
			needWidth:148,				//所需宽度
			neddHeight:205,				//所需高度
			cutWidth:Constants.firstStep_courseInstructor_width, 		 	//图片裁剪区域的宽度（用于裁剪工具宽度限定）
			cutHeight:Constants.firstStep_courseInstructor_height, 		 	//图片裁剪区域的高度（用于裁剪工具高度限定）
			layerWidth:Constants.firstStep_courseInstructor_layerWidth,  	//layer宽度
			layerHeight:Constants.firstStep_courseInstructor_layerHeight,	//layer高度
			cutDivWidth:Constants.firstStep_courseInstructor_cutDivWidth,	//裁剪工具div宽度
			cutDivHeight:Constants.firstStep_courseInstructor_cutDivHeight,	//裁剪工具div高度
			cutLeftWidth:Constants.firstStep_courseInstructor_cutLeftWidth,	//裁剪工具左侧的宽度
			is_cut:true,			//是否裁剪  （true:是   false:否）
			typeName:Constants.firstStep_courseInstructor,//用于业务处理 （上传封面与上传教师头像业务区分）
						
	}
	
	public_imageCut.layerImageCut(dataParam);
}

function public_courseInstructor_aspUpload(key,btnCss) {

	//1.传入对应的参数返回所需API
	var _uploadTeacherDemo = uploadAllApi(courseTeacherDataParam(key));
	//2.回调函数（只针对上传成功后，数据库操作）
	_uploadTeacherDemo.callbacks = {
			
		onFileDialogStart : function(tid) {//打开模态窗体
		},
		//选中文件 （有用）
		onUpload : function(id, fileName) {
		},
		//上传成功后做的操作
		onComplete : function(id, fileName, responseJSON) {
			if (responseJSON != '') {
				var fileData = responseJSON.data;
				var fileUrl = fileData.filePath;
				var id = key.split("-");//key值的格式为 xxx-123
				
				var dataSource={
					filePath:responseJSON.data.filePath,
					teacherId:id[1]		//教师头像的Id值（用于裁剪后的头像更新）
				}
				
				firstStep_courseInstructor_loadCut(dataSource);      	
			}
		}
	}
	//3.根据API、回调函数 初始化上传组件
	$("#"+key).Ableuploader(_uploadTeacherDemo);
	
}

// 上传课程片花
function uploadPromoVideo(){
	
	// 判断当前是否已经上传过视频
	var videoId = $("#videoSrc").val();
	var videoImg= $("#videoSrc").attr("src");
	var btnCss = "uploadPromo-div uploadBtn_promoVideo";
	if (videoId != "" && videoImg !="") {
		btnCss = "uploadPromo-div setedit_editico";
	}
	

	//1.传入对应的参数返回所需API
	var _uploadVideoDemo = uploadAllApi(coursePromoVideoDataParam("uploadPromoVideo"));
	//2.回调函数（只针对上传成功后，数据库操作）
	_uploadVideoDemo.callbacks = {
		onFileDialogStart : function(tid) {//打开模态窗体
		},	
		//选中文件 （有用）
		onUpload : function(id, fileName) {
		},
		//上传成功后做的操作
		onComplete : function(id, fileName, responseJSON) {
			if (responseJSON != '') {
				var fileData = responseJSON.data;
				var fileUrl = fileData.filePath;
				var ids=fileData.videoId;
				//手动转码
				if(_debug){
				   window.open("http://base1.zhihuishu.com/able-commons//resources/cdn/ableplayer/2.0/demo.html?id="+ids);
				}
				
				$("#videoSrc").val(ids);
				$("#videoSrc").attr("src",fileData.fileName);
				
				//上传之后默认视频转码中图片
				$("#uploadPromoVideo-div #PromoVideo>img").attr("src",promoVideoImg);
				$("#uploadPromoVideo-div #PromoVideo>img").show();
				$("#uploadPromoVideo-div #PromoVideo>.message").show();
	    		$("#uploadPromoVideo-div #PromoVideo>.imageIcon").hide();

				if (btnCss == "uploadPromo-div uploadBtn_promoVideo") {
					// 上传成功改变上传的CSS样式
    	    	
    	    		$("#uploadBtn_promoVideo-Div").removeClass("uploadBtn_promoVideo");
    	    		$("#uploadBtn_promoVideo-Div").addClass("setedit_editico");
					
					$("#tit-p-pianhua").prev().remove();
					$("#tit-p-pianhua").before('<span class="rightico"></span>');
					
					
					var value= $("#courseId").val();
						 $.ajax({
							 type:"post",
							 url:basePath+"/course/cleanTreeRedis",
				 			 data:{"courseId" : value},
			 			      dataType:'json',
			 			      success:function(data){
			 			    		
			 			    }
						 });						
					
				}

				uploadClips(ids,fileUrl);
				
			}

		}
	}
	//3.根据API、回调函数 初始化上传组件
	$("#uploadPromoVideo").Ableuploader(_uploadVideoDemo);
};

